{% extends "langs/base.html" %}
{% block title %}Overall{% endblock %}
{% block view %}
<link rel="stylesheet" href="./static/overall.css" />{% endblock %}
{% block content %}
<div class="row">
    <div class="col-2">
        <ul class="list-group list-group-flush">
            {% for value in info["list"] %}
            <li  class="list-group-item d-flex justify-content-between align-items-center">
                {{ value }}
                <span class="badge badge-primary badge-pill">{{ info["tip"][value]}}</span>
            </li>
            {% endfor %}
        </ul>
    </div>
    <div class="col-10">
        <table class="table table-striped">
            <thead class="thead-dark">
                <tr>
                    <th scope="col">序号</th>
                    <th scope="col">问题</th>
                    <th scope="col">日期</th>
                    <th scope="col">工程</th>
                    <th scope="col">标段</th>
                    <th scope="col">单位工程</th>
                    <th scope="col">问题来源</th>
                    <th scope="col">追踪</th>
                </tr>
            </thead>
            <tbody>
                {% for value in info["table"] %}
                <tr class="date-all date-{{ value[7] }}">
                    <th style="width:6%" scope="row">{{ loop.index }}</th>
                    <td style="width:36%">{{ value[1] }}</td>
                    <td style="width:10%">{{ value[0] }}</td>
                    <td style="width:8%">{{ value[4] }}</td>
                    <td style="width:10%">{{ value[5] }}</td>
                    <td style="width:12%">{{ value[6] }}</td>
                    <td style="width:10%">{{ value[2] }}</td>
                    {% if value[3] == "/" %}
                    <td style="width:8%">{{ value[3] }}</td>
                    {% else %}
                    <td style="width:8%">
                        <a href="#" class="btn btn-info" role="button" aria-pressed="true" data-toggle="modal"
                            data-target="#exampleModal">查看</a>
                    </td>
                    {% endif %}
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">问题图片追踪</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <img src="" alt="..." />
            </div>
        </div>
    </div>
</div>
{% endblock %}
{% block cmd %}
<script src="./static/overall.js"></script>
{% endblock %}